<template>
	<view>
		<u--text text="我用十年青春,赴你最后之约"></u--text>
		<u-icon :label="userinfo.username" size="40" name="order"></u-icon>
		<view class="flex">
			<u-tag text="标签" size="mini"></u-tag>
			<u-tag text="标签" size="mini"></u-tag>
		</view>
		
		
		
		<view class="u-demo-block">
			<text class="u-demo-block__title"  @tap="delful">基础功能{{userinfo.sessionToken}}</text>
			<view class="u-demo-block__content">
				<view class="u-page__tag-item">
					<u-tag
					    text="回上"
					    plain
					    size="mini"
					    type="warning"
					>
					</u-tag>
				</view>
			</view>
		</view>
		

		
		 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		computed:{
			userinfo(){
				return this.$store.state.user.userinfo
			}
		},
		onLoad() {
			if (!this.userinfo.sessionToken) {
				uni.navigateTo({
					url:"../user/login"
				})
			}
		},
		onReachBottom() {
			console.log(333);
		},
		methods: {
			delful(){
				uni.clearStorage();
				uni.showToast({
					title:"清除成功",
					icon:"none"
				})
			}
		}
	}
</script>

<style scoped>
	page{
		/* 整个页面的样式，一般不用 */
	}
	.tmp{
		/* Y方向偏移自己本身的50%，占空间 */
		transform: translateY(-50%);
		/* 作用类似，移走的空白处不占空间 */
		margin-top: 75rpx;
		/* 角大到50就成圆了 */
		border-radius: 50%;
	}
	.u-demo-block__content {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
</style>
